<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
			    xmlns:ui="http://java.sun.com/jsf/facelets"
			    xmlns:h="http://java.sun.com/jsf/html"
			    xmlns:f="http://java.sun.com/jsf/core"
			    xmlns:sec="http://www.condominioceleste.com/security/facelets/tags"    
			    template="./template/template_login.xhtml">
    
    <ui:define name="title">
        Listado de Egresos
    </ui:define>
    
    <ui:define name="content">
    		<h:outputScript library="js" name="analytics.js" target="head" />
			<h:form id="listadoEgresosForm">				
				<f:event listener="#{expensesBean.fillDropDowns}" type="preRenderView" />				
				<h:panelGrid  cellspacing="1" border="0" width="650 px;" 
							  bgcolor="#CCCCC0" columns="10" columnClasses="etiqueta,etiqueta_campo,etiqueta,etiqueta_campo,etiqueta,etiqueta_campo,etiqueta,etiqueta_campo,etiqueta,etiqueta_campo"							  
							  headerClass="titulocolumna" footerClass="columnadatoPar">
					
					<f:facet name="header">
						<h:outputText value="Listado de Egresos" />  
					 </f:facet>	
					<sec:submodulo modulo="EGRESOS" submodulo="ADD">
					<h:outputText value="Agregar Egreso:" /> 
			 		<h:commandLink action="#{expensesBean.goAddExpenses}">					
				 		<h:graphicImage value="resources/images/nuevo.gif" alt="Agregar Egreso" style="border:0;" />
				 	</h:commandLink>
				 	</sec:submodulo>	  							  																					
																		
					<h:outputText value="Proveedor:" />
					<h:selectOneMenu id="proveedorId" value="#{expensesBean.expensesSearchProvier}"  styleClass="campo_texto" >
						<f:selectItems value="#{expensesBean.suppliersList}" />
					</h:selectOneMenu>
					
					<h:outputText value="Tipo de Ingreso:" />
					<h:selectOneMenu id="egresoId" value="#{expensesBean.expensesSearchCategory}"  styleClass="campo_texto" >
	  						<f:selectItems value="#{expensesBean.expensesItems}" />
					</h:selectOneMenu>
					
					<h:outputText value="Mes:" />
					<h:selectOneMenu id="mesId" value="#{expensesBean.expensesSearchMonth}"  styleClass="campo_texto" >
						<f:ajax render="@none" execute="@this" />
                        <f:selectItem itemValue="1" itemLabel="Enero" />
                        <f:selectItem itemValue="2" itemLabel="Febrero" />
                        <f:selectItem itemValue="3" itemLabel="Marzo" />
                        <f:selectItem itemValue="4" itemLabel="Abril" />
                        <f:selectItem itemValue="5" itemLabel="Mayo" />
                        <f:selectItem itemValue="6" itemLabel="Junio" />
                        <f:selectItem itemValue="7" itemLabel="Julio" />
                        <f:selectItem itemValue="8" itemLabel="Agosto" />
                        <f:selectItem itemValue="9" itemLabel="Septiembre" />
                        <f:selectItem itemValue="10" itemLabel="Octubre" />
                        <f:selectItem itemValue="11" itemLabel="Noviembre" />
                        <f:selectItem itemValue="12" itemLabel="Diciembre" />
					</h:selectOneMenu>
					
					<h:outputText value="A&#241;o:" />
					<h:selectOneMenu id="anioId" value="#{expensesBean.expensesSearchYear}"  styleClass="campo_texto" >
						<f:ajax render="@none" execute="@this" />                        
                        <f:selectItem itemValue="2010" itemLabel="2010" />
                        <f:selectItem itemValue="2011" itemLabel="2011" />
                        <f:selectItem itemValue="2012" itemLabel="2012" />
                        <f:selectItem itemValue="2013" itemLabel="2013" />
                        <f:selectItem itemValue="2014" itemLabel="2014" />
                        <f:selectItem itemValue="2015" itemLabel="2015" />
                        <f:selectItem itemValue="2016" itemLabel="2016" />
                        <f:selectItem itemValue="2017" itemLabel="2017" />
                        <f:selectItem itemValue="2018" itemLabel="2018" />
                        <f:selectItem itemValue="2019" itemLabel="2019" />
                        <f:selectItem itemValue="2020" itemLabel="2020" />
					</h:selectOneMenu>	
					
					<f:facet name="footer">
						<h:panelGroup style="text-align:right">		  
						  <h:commandButton id="buscarId" styleClass="boton" value="Buscar" action="#{expensesBean.searchAction}" />
						</h:panelGroup>
					 </f:facet>
										
				</h:panelGrid>
				
				<br />
											
				<h:dataTable value="#{expensesBean.expensesList}" var="row" rendered="#{expensesBean.showTable}"   
					headerClass="titulocolumna" footerClass="columnadatoPar"
					bgcolor="#CCCCC0" width="650" cellpadding="2" cellspacing="1" border="0" 			
	    			rowClasses="columnadatoNon,columnadatoPar">
	
					<h:column>		
						<f:facet name="header"></f:facet>
						<sec:submodulo modulo="EGRESOS" submodulo="EDT">
						<h:commandLink action="#{expensesBean.goEditExpensesAction}">	
					 		<f:param name="expensesId" value="#{row.id}" />	
					 		<h:graphicImage value="resources/images/modificar.gif" alt="Modificar Egreso" style="border:0;" />						 							 	
					 	</h:commandLink>
					 	</sec:submodulo>
					 	:
					 	<sec:submodulo modulo="EGRESOS" submodulo="DEL">
					 	<h:commandLink action="#{expensesBean.deleteExpensesAction}" onclick="return confirm('¿Eliminar Egreso?');">	
					 		<f:param name="expensesId" value="#{row.id}" />	
					 		<h:graphicImage value="resources/images/eliminar.jpg" alt="Eliminar Egreso" style="border:0;" />						 							 	
					 	</h:commandLink>
					 	</sec:submodulo>				
					</h:column>
					
					<h:column>		
						<f:facet name="header"> <h:outputText value="Fecha" styleClass="ligas" /></f:facet>		
						#{row.date}
					</h:column>																				
					
					<h:column>
						<f:facet name="header"><h:outputText value="Proveedor" styleClass="ligas" /></f:facet>
						#{row.suppliersView.name}
					</h:column>																			
												
					<h:column>
						<f:facet name="header"><h:outputText value="Descripcion" styleClass="ligas" /></f:facet>
						#{row.expensesItemView.description}
					</h:column>
					
					<h:column>
						<f:facet name="header"><h:outputText value="Comentarios" styleClass="ligas" /></f:facet>
						#{row.comments}
					</h:column>
					
					<h:column>		
						<f:facet name="header"> <h:outputText value="Importe" styleClass="ligas" /></f:facet>		
						#{row.amount}
					</h:column>
					
					<f:facet name="footer">
						<div style="text-align:right">
							TOTAL : #{expensesBean.total}&#160;&#160;
						</div>							
					</f:facet>
				
				</h:dataTable>			
			</h:form>			
	</ui:define>
    
</ui:composition>